<template>
	<div class="security">
		<div class="head">
			<router-link tag="div" to="/index/home/me" class="rou"><</router-link>
			<div class="zl">账户安全</div>
		</div>
		<div class="con">
			<ul>
				<router-link tag="li" to="/binding">
					<div class="left aaa">绑定手机</div>
					<div class="a">10000000000 &nbsp;&nbsp;></div>
				</router-link>
				<router-link tag="li" to="/modify" >
					<div class="aaaa">修改密码</div>
					<div class="aa">></div>
				</router-link>
			</ul>
		</div>
	</div>
</template>

<script>
	export default{
		name:"security",
		data(){
			return{
				
			}
		}
	}
</script>

<style lang="less">
	.security{
		.head{
			background: #3AAE95;
			overflow: hidden;
			height: 50/50rem;
			line-height: 50/50rem;
			div{
				float: left;
				font-size: 20/50rem;
				color:#fff;
			}
			.rou{
				margin-left: 10/50rem;
			}
			.zl{
				margin-left: 130/50rem;
			}
			.sx{
				margin-left: 80/50rem;
			}
		}
		.con{
			margin-top: 10/50rem;
			ul{
				background: #fff;
				padding-left: 15/50rem;
				li{
					height: 50/50rem;
					line-height: 50/50rem;
					border-bottom: 2/50rem solid #F2F2F2;
					overflow: hidden;
					font-size: 16/50rem;
					color: #000;
					div{
						float: left;
					}
					.aaa{
						width: 209/50rem;
					}
					.aaaa{
						width: 320/50rem;
					}
				}
			}
		}
	}
</style>